<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>China Fullfill</title>
<link href="/css/backstage.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/backstage.js"></script>
<link href="/css/blitzer/jquery-ui.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="/js/jquery-ui.js"></script>

<script type="text/javascript">

//<{$lang.operation}><{$lang.tip}>s
function alertTip(tip) {
    $('<div title="<{$lang.order}><{$lang.exception}><{$lang.tip}>[<{$lang.print_close_tip}>]" style="text-align:left;">' + tip + '</div>').dialog({    	
		modal:true,
		show:"slide",
		width:600,
        buttons: {
            '<{$lang.close}>': function() {
                $(this).dialog("close");
            }
        }
    });
}
$(function(){
	var errlist = <{$err_orders}>;
	var html = "";
	$.each(errlist,function(k,v){
		html+=v.err+"<br/>";
	});
	if(html!=""){
		alertTip(html);
	}
});
</script>
<style>
	html,body{text-align:center;border:none;background:none}
	#content{width:720px;text-align:left;position:relative;margin-left:auto;margin-right:auto;background:white;height:100%}
	.contentTop{height:80px;line-height:80px;width:100%;text-align:left;font-size:15px;font-weight:bold;}
	.contentBottom{height:80px;line-height:22px;width:100%;text-align:right;}
	.list{width:720px;max-height:28cm;border-collapse:collapse;margin-left:auto;margin-right:auto;}
	.list tr{height:30px}
	.list th,.list td{border:1px solid black;text-align:center;}
	.width1{width:80px;text-align:right;}
	.width2{width:170px;}
	.width3{width:100px;}
	.width4{width:150px;}
	.center{text-align:center}
	.action{cursor:pointer;marin:2px}
	.editTable td{padding:5px;text-align:left;}
	.barcode{display:inline-block;zoom:1;*display:inline;margin-left:50px;margin-bottom:0px;height:40px;overflow:hidden;margin-top:30px}
	.printTitle{display:inline-block;zoom:1;*display:inline; font-size: 30px;  margin-left: 200px;}

.printTitle {
	display: inline-block;
	zoom: 1; *
	display: inline;
	font-size: 30px;
	margin-left: 0px;
	float:right;
}
.title_inner{float:right;line-height:20px;font-size:12px;padding:20px 0 0 5px;}	

</style>
</head>
<body>
<div id="content">
<{if isset($result)}>
	
	<{foreach from=$result item=order key=key name=order}>
	    <{assign var="itemCount" value="0"}>
		<{foreach from=$order.product_pages item=products key=page name=products}>			
			
			   <div class="contentTop">
				    <div class="barcode">
					    <{if $page == 0}>
				   		<img src="/product/receiving/barcode/code/<{$order.opcode}>"/>
					    <{/if}>
				    </div>
				    
				    <div class="printTitle">
					<{$lang.offshelf}><{$lang.items}>　　　　　
					    <div  class='title_inner'>
							<div style="width:135px;text-align:left;">	
								<{$lang.code}>:<{$order.opcode}><br/>							
								<{$lang.offshelfer}>:<span style="width:100px;"><{$order.phname}></span><br/>								
								<{$lang.page}>:<{$page+1}>/total<{$order.pages}>
							</div>
						</div>
				    </div>
			  </div>
			
		    
			
			<table class="list">			
			<tr>
			   <td><{$lang.op_user}></td><td colspan='2'><{$order.opname}></td>
			   <td><{$lang.time}><{$lang.date}></td><td colspan='3'><{$order.date}></td>
			</tr>
			<tr>
				<th><{$lang.No}></th>
				<th><{$lang.ws_code}></th>
				<th><{$lang.sku}></th>
				<th><{$lang.name}></th>
				<th><{$lang.category}></th>
				<th><{$lang.quantity}></th>
				<th><{$lang.picture}></th>
			</tr>
			

		
			<{foreach from=$products item=product key=k name=product}>
			<{$itemCount = $itemCount+1}>
			<tr>
				<td width="8%"><{$itemCount}></td>
				<td width="10%"><{$product.ws_code}></td>
				<td width="15%"><{$product.product_sku}></td>
				<td width="27%"><{$product.product_title}></td>
				<td width="20%"><{$product.category}></td>
				<td width="8%"><{$product.count}></td>
				<td width="12%"><img src="/product/product/view-picture/id/<{$product.product_id}>" width=100% height=75px></td>
			</tr>			
			<{/foreach}>
				
			</table>		
			<div class="contentBottom">
				<div style="padding:10px 0 0 0;">
				<{$lang.offshelfer}>:__________________<br/>
				<{$lang.offshelf}><{$lang.date}>:__________________
				</div>
			</div>
		    <div style="page-break-after:always"></div>
		<{/foreach}>
	<{/foreach}>
<{/if}>
</div>

</body>
</html>